<nz-card>
  <!--过滤查询-->
  <nz-row>
    <div class="searchItem">
      <label>下单时间</label>
      <nz-range-picker nzFormat="yyyy-MM-dd" [(ngModel)]="query.payTime"></nz-range-picker>
    </div>
    <div class="searchItem">
      <label>打款时间</label>
      <nz-range-picker nzFormat="yyyy-MM-dd" [(ngModel)]="query.shipTime"></nz-range-picker>
    </div>
    <div class="searchItem">
      <label>收货时间</label>
      <nz-range-picker nzFormat="yyyy-MM-dd" [(ngModel)]="query.createTime"></nz-range-picker>
    </div>
    <div class="searchItem">
      <button nz-button nzType="primary" (click)="queryBtn()">查询</button>
      <button nz-button nzType="default" (click)="resetCondition()">重置</button>
    </div>
  </nz-row>
  <!--表格-->
  <nz-table
    #rowSelectionTable
    nzSize="small"
    nzTableLayout="fixed"
    nzShowSizeChanger
    nzShowQuickJumper
    nzOuterBordered
    [nzData]="listOfData.records"
    [nzPageSizeOptions]="[5, 10, 20, 50, 100]"
    [nzTotal]="listOfData.total"
    [(nzPageIndex)]="query.page"
    [(nzPageSize)]="query.pageSize"
    [nzFrontPagination]="false"
    [nzShowTotal]="totalTemplate"
    (nzPageIndexChange)="onPageIndexChange($event)"
    (nzPageSizeChange)="onPageSizeChange($event)"
  >
    <thead>
    <tr>
      <th nzAlign="center">店铺</th>
      <th nzAlign="center">订单总数</th>
      <th nzAlign="center">已打款</th>
      <th nzAlign="center">已收货</th>
    </tr>
    </thead>
    <tbody>
    <tr *ngFor="let data of rowSelectionTable.data;let index=index;">
      <td nzAlign="center">{{ data['storeName'] }}</td>
      <td nzAlign="center">{{ data['count'] }}</td>
      <td nzAlign="center">{{ data['payCount'] }}</td>
      <td nzAlign="center">{{ data['shipCount'] }}</td>
    </tr>
    </tbody>
  </nz-table>
  <!-- 分页template -->
  <ng-template #totalTemplate let-total>共有 {{ listOfData.total }} 条</ng-template>

</nz-card>
